<template>
	<view class="info-data">
		<view class="i-d-a">
			<view class="a-l">
				<image src="../../static/temp/222.jpg" mode="aspectFill"></image>
				<view class="a-l-info">
					<view class="i-title">{{"芙丽芳丝净润洗面霜"}}</view>
					<view class="i-type">
						<text>{{"AHC"}}</text>|
						<text>{{"AHC水乳套装"}}</text>
						{{"680771"}}
					</view>
					<view class="i-price">{{"899"}}</view>
				</view>
			</view>
			<view class="icon-right icon-font">&#xe600;</view>
		</view>
		<view class="i-d-b">
			<view class="b-a">
				<view class="a-l">
					<view class="a-title">上次价<text class="icon-right icon-font">&#xe618;</text></view>
					<!-- <view class="a-num">{{"50"}}</view> -->
					<input class="a-num" type="text" value="80" />
				</view>
				<view class="a-unit">{{"双"}}</view>
			</view>
			<view class="b-b">
				<view class="a-l">
					<view class="a-title">折扣(%)</view>
					<!-- <view class="a-num">{{"100"}}</view> -->
					<input class="a-num" type="text" value="100" />
				</view>
				<view class="a-unit">{{"%"}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		
		data() {
			return {
				
			};
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	.info-data
	{
		.i-d-a
		{
			padding: 20px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.icon-right
			{
				color: #999;
			}
			.a-l
			{
				display: flex;
				align-items: center;
				image
				{
					width: 60px;
					height: 60px;
					border-radius: 4px;
				}
				.a-l-info
				{
					padding-left: 10px;
					.i-title
					{
						font-size: 14px;
						color: #333;
					}
					.i-type
					{
						color: #999;
						text{ padding: 0 5px; }
					}
					.i-price
					{
						font-size: 14px;
						color: #FF3333;
					}
				}
			}
		}
		.i-d-b
		{
			.b-a,.b-b
			{
				background: #FFF;
				font-size: 14px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 10px 20px;
				.a-l
				{
					display: flex;
					.a-title
					{
						width: 80px;
						text{ padding-left: 2px; }
					}
					.a-num
					{
						font-weight: 800;
					}
				}
			}
			.b-b
			{
				margin-top: 1px;
			}
		}
	}
</style>
